{% extends 'base.html.twig' %}

{% block stylesheets %}
    <style>
        #body { background-color: black; }
        .mytext { width: 100%; color: #fff; text-align: center; font-size: 20px; margin-top: 50px; }
    </style>
{% endblock %}

{% block body %}
    <div class="mytext">
        屏幕宽度是<span class="width"></span><br/>
        屏幕高度度是<span class="height"></span>
    </div>
{% endblock %}

{% block javascripts %}
    <script>
        $(function(){
            $('.width').text(w);
            $('.height').text(h);
        });
    </script>
{% endblock %}